<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
	<title>sombraGmailer - login</title>
	<script type="text/javascript" src="http://sombraencounter.com/testing/coreJS/coreJS.js"></script>
	<script type="text/javascript" src="resources/sombraGmailer.js"></script>
	<script type="text/javascript" src="resources/lang/%langString%.js"></script>
	<link rel="StyleSheet" href="resources/sombraGmailer.css" type="text/css" media="screen">
</head>
<body>
<div id="loginPage">
	<div class="loginPageDivBase">
		<div id="loginPageInputs">
			<div class="loginPageDivBaseLogo"></div>
			<div class="loginCenter">
				<div class="loginLineAccess">%gmailAccessDescription%</div>

				<div class="loginName"><div class="leyendText">%gmailAccessName%</div><div class="inputText"><input id="loginName" type="text"/></div></div>
				<div class="loginPassword"><div class="leyendText">%gmailAccessPassword%</div><div class="inputText"><input class="inputText" id="loginPass" type="password"></div></div>
				<div class="loginRemember"><input class="inputCheck" type="checkbox"/>%gmailAccessRemember%</div>
				<div class="loginAccessButton" onclick="sombraGmailer_connect();">%gmailAccessButton%</div>
				<div class="loginLineNoAccess">%gmailAccessNoAccess%</div>
			</div>
		</div>
		<div id="loginPageLoading">
			<div class="loginPageDivBaseLogo"><div><nobr>%gmailAccessLoading%</nobr></div></div>
			<div id="loginPageLoadingLine"><span>id@gmail.com</span> | <b><nobr>%gmailAccessLoadingInfo%</nobr></b></div>
			<div id="loginPageLoadingErrors"></div>
		</div>
	</div>
</div>

<div class="menuSuperior">
	<div class="menuSuperiorApps">
		<span class="selectedApp">%gmailmenuApps1%</span>
		<span onclick="window.open('http://www.google.com/calendar/','Calendar');"><script>langString('lang_gmailmenuApps2');</script></span>
		<span onclick="window.open('http://docs.google.com/','Docs');"><script>langString('lang_gmailmenuApps3');</script></span>
		<span onclick="window.open('http://picasaweb.google.es/home','Photos');"><script>langString('lang_gmailmenuApps4');</script></span>
		<span onclick="window.open('http://www.google.es/reader/','Reader');"><script>langString('lang_gmailmenuApps5');</script></span>
		<span onclick="window.open('http://www.google.es/','Web');"><script>langString('lang_gmailmenuApps6');</script></span>
		<span onclick="window.open('http://www.google.es/intl/en/options/','More');"><script>langString('lang_gmailmenuApps7');</script></span>
	</div>
	<div class="menuSuperiorOps">
		<b id="gmailAccount">id@gmail.com</b> | 
		<span><script>langString('lang_gmailmenuOps1');</script></span> | 
		<span><script>langString('lang_gmailmenuOps2');</script></span> | 
		<span onclick="s.signOut();">%gmailmenuOps3%</span>
	</div>
</div>
<div class="menuBusq"><div class="logo"></div></div>

	<div class="firstColumn">
		<div id="menuLeft">
			<div class="unPressedButton" onclick="composeShow();"><span>%gmailmenuLeft1%</script></span></div>
			<div class="pressedButton" onclick="s.getBox('inbox');"><span><script>langString('lang_gmailmenuLeft2');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('starred');"><span><script>langString('lang_gmailmenuLeft3');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('sentmail');"><span><script>langString('lang_gmailmenuLeft4');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('drafts');"><span><script>langString('lang_gmailmenuLeft5');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('allmail');"><span><script>langString('lang_gmailmenuLeft6');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('spam');"><span><script>langString('lang_gmailmenuLeft7');</script></span></div>
			<div class="unPressedButton" onclick="s.getBox('trash');"><span><script>langString('lang_gmailmenuLeft8');</script></span></div>
		</div>
		<hr>
		<div class="labelHolder">
			<span><script>langString('lang_gmailLabel');</script></span>
			<div id="labelContainer"></div>
		</div>
	</div>

<div style="margin-left:190px;margin-right:10px;margin-top:9px;">
	<div class="panelOpHolder" id="panelOpHolderTop"></div>
	<div id="selectionMenuTop" class="selectionMenu">
		<span style="float:left;"><b>Seleccionar:</b> Todas, Ninguna, Le&iacute;das, No le&iacute;das, Destacados, Sin destacar</span>
		<span id="selectionMenuPagerTop" class="selectionMenuPager"></span>
	</div>
	<table cellpadding="0" cellspacing="0" style="width:100%;">
		<tbody id="boxContainer"><tr><td class="boxEmptyTd">Ning&uacute;n mensaje nuevo.</td></tr></tbody>
	</table>
	<div id="selectionMenuBottom" class="selectionMenu">
		<b>Seleccionar:</b> Todas, Ninguna, Le&iacute;das, No le&iacute;das, Destacados, Sin destacar
	</div>
	<div class="panelOpHolder" id="panelOpHolderBottom" style="padding-top:8px;"></div>
	<hr>
	<!--<div style="font-weight:bold; color:white; text-align:center;">Est&aacute;s utilizando <span>1683</span> MB (<span>23</span>%) de tu cuota total de <span>7044</span> MB.</div>-->
</div>

<div id="menuActions"><!FIXME esta mal el posicionamiento en el css>
	<div class="divtop"><span>M&aacute;s acciones</span></div>
	<div class="elementAction" onclick="sombraGmailer_multipleBoxActions('markasread');">Marcar como leida</div>
	<div class="elementAction" onclick="sombraGmailer_multipleBoxActions('markasunread');">Marcar como no leida</div>
	<div class="elementAction" onclick="sombraGmailer_multipleBoxActions('addstar');">A&ntilde;adir estrella</div>
	<div class="elementAction" onclick="sombraGmailer_multipleBoxActions('removestar');">Eliminar estrella</div>
	<div class="elementAction" onclick="alert(1);">Silenciar</div>
	<table cellpadding="0" cellspacing="0"><tbody id="labelActions"></tbody></table>
</div>


</body>
</html>
